<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    input::placeholder {
        /*  更改文本框提示文字颜色 */
        color: pink;
    }
</style>

<body>
    <!-- HTML5新增常用布局标签 -->
    <header>头部标签</header>
    <nav>导航标签</nav>
    <section>某个区域</section>
    <article>内容标签</article>
    <aside>侧边栏标签</aside>
    <footer>尾部标签</footer>
    <!-- HTML5新增音频标签 -->
    <video src="" controls="">视频标签</video>
    <audio src="" controls="">音频标签</audio>
    <!-- HTML5新增input类型 -->
    <!-- 验证的时候必须添加form表单域 -->
    <form action="">

        <ul>
            <li>邮箱：<input type="email"></li>
            <li>网址：<input type="url"></li>
            <li>日期：<input type="date"></li>
            <li>时间：<input type="time"></li>
            <li>数量：<input type="number"></li>
            <li>手机号码：<input type="tel"></li>
            <li>搜索：<input type="search"></li>
            <li>颜色：<input type="color"></li>
            <li><input type="submit" value="提交"></li>
        </ul>
    </form>
    <!-- HTML5新增input属性 -->
    <form action="">
        <input type="search" required="required" placeholder="请输入文字" autofocus="autofocus">
        <input type="submit" value="提交"> <!-- submit必须添加form表单域 -->
    </form>
    <input type="file" multiple>

    <script>
    // video 标签: autoplay(自动播放) muted(静音) controls(播放控件) loop(循环播放)
    // audio 标签: controls(播放控件) autoplay(自动播放) loop(循环播放)
//---------------------------------------------
//新增input 属性： placeholder(输入框提示文本)  multiple(可以多选文件提交,适用于type="file") 
//                required(提示非空字段) autofocus(自动聚焦) autocomplete="off/on"(显示历史提交记录)
    </script>
</body>

</html>